// 创建用户相关的小仓库
import { defineStore } from "pinia";
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from "@/api/user";
import type { loginFormData, loginResponseData, userInfoResponseData } from '@/api/user/type'
import type { UserState } from './types/type'
// 引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from "@/utils/token";
// 引入常量路由
import { constantRoute } from '@/router/routes'
let useUserStore = defineStore('User', {
  // 小仓库存储数据
  state: (): UserState => {
    return {
      // token: localStorage.getItem('TOKEN'), //用户唯一标识 (用户刷新时 保证pinia的token是持久化的)
      token: GET_TOKEN(),
      menuRoutes: constantRoute,//仓库存储生成菜单需要的数组
      username: '', //用户名
      avatar: '', //用户头像
    }
  },
  // 异步|逻辑
  actions: {
    // 用户登录方法
    async userLogin(data: loginFormData) {
      let result: loginResponseData = await reqLogin(data)
      // 成功 200 -> token 存储token
      // 失败 201 -> 登录失败错误信息
      if (result.code == 200) {
        // pinia存储token
        this.token = (result.data as string) //类型断言：保证是string的情况下赋值给this.token
        // pinia/vuex存储数据其实是利用js对象，还需要本地存储持久化存储一份
        // localStorage.setItem('TOKEN', (result.data as string))
        SET_TOKEN((result.data as string))
        // 保证当前async函数返回一个成功的promise
        return 'ok'
      } else {
        return Promise.reject(new Error(result.data))
      }
    },
    // 获取用户信息方法(头像、名字)
    async userInfo() {
      let result: userInfoResponseData = await reqUserInfo()
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    // 退出登录方法
    async userLogout() {
      let result: any = await reqLogout()
      // console.log(result);
      if (result.code == 200) {
        // 目前没有mock接口：退出登录接口（通知服务器本地用户唯一标识失效）
        this.token = ''
        this.username = ''
        this.avatar = ''
        // localStorage.removeItem('TOKEN')
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    }
  },
  getters: {

  }
})
// 对外暴露获取小仓库方法
export default useUserStore